<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>哔哩哔哩漫画</title>

    <!-- <link rel="stylesheet" href="./font/iconfont.css"> -->
    <link rel="stylesheet" href="./fontX/iconfont.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.css">
    <style>
        .icon {
          width: 1em;
          height: 1em;
          vertical-align: -0.15em;
          fill: currentColor;
          overflow: hidden;
        }
        body,ul,p{
            padding: 0;
            margin: 0;
        }
        ul{
            list-style: none;
        }
        a{
            text-decoration: none;
            color: #000;
        }
        #bnav{
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #fff;
            z-index:9;
            border-top: rgb(200, 200, 200) solid 1px;  
        }
        #body{
            margin-bottom: 50px;/*值为下导航高度*/
        }
        #bnav ul{
            display: flex;
        }
        #bnav li{
            width: 25%;
            text-align: center;      
        }
       
        #bnav svg{
            font-size: 30px;
            margin: 5px auto;
        }
        #bnav p{
            font-size: 14px;
            line-height: 22px;    
        }
        .SJM{
           display: flex;
            left: 0;
            width: 100%;
            overflow: hidden;
        }
        /* tab选项卡 */
        .tab{
            width: 100%;
            color: #fff;
            background-color: rgb(83,161,163);
           
        }
        .tt{
            display: flex;
        }
        .tt span{
            width: 160px;
            line-height: 33px;
            text-align: center;
            font-size: 18px;
            
            background-color: rgb(83,161,163);
            letter-spacing: 3px;
        }
        .tt  .cur{
            font-size: 22px; 
            font-weight: bold;
            color:#fff;
            margin-bottom: -1px;
            background-color: rgb(83,161,163);
        }
        .tc{
            height: 180px;
          
           
            text-align: center;
          
            display: none;
        }
        /* 搜索栏 */

        #header{
            display: flex;
            width: 100%;
            background-color: rgb(83,161,163);
            margin-top:0;
        }
      
        #header div{
            flex-grow: 1;
            background-color: rgb(55, 109, 109);
            display: flex;
            color: #fff;
            border: none;
            outline: none;
            line-height: 30px;
            font-size: 14px;
            border-radius: 18px;

        }
        #header div span{
            font-size: 12px;
            margin: 0 9px;
            line-height: 30px;
            color: #fff;
           
        }
        #header input{
            border: none;
            outline: none;
            background-color: rgb(55, 109, 109);
            line-height: 30px;
            flex-grow: 1;
            border-radius: 18px;
            font-size: 14px;
        }
        .FLL{
            margin-left: 5px;
            margin-right: 10px;
        }
        /* ::-webkit-input-placeholder{
            color: #fff;
        }  */
      /* swiper */
      .lei img{
            width:95%; 
         
        }
        .swiper{
            text-align: center;
            background-color: rgb(83,161,163);
        }

        
        .sen {
            height: 33px;
            line-height: 33px;
            color: blue;
            text-align: center;
            overflow: hidden;
        
        }
        .NS img{
            width: 330px;
            height: 350px;
            margin-top: 7px;
        
          

        }
        /* 中间图标 */


        /* 中间图标 */
        .TB{
            display: flex;
            width: 100%;
            text-align: center;
            margin-top: 11px;
            background-color: #fff;
          
            color: #000;

        }

        .PH{
            width: 70%;
            border-right: solid 1px #000;

        }
        .HX{ 
            width: 80%;
            border-right: solid 1px #000;
        }
        .HD{
            width: 90%;
            border-right: solid 1px #000;
    
        }
        .HD span{
            font-weight: bold;
        }
        .MF{
            width: 70%;
        }


        /* 上界面 */
        .TOP{
            width: 100%;
            height: 30px;
            color: #fff;
            background-color: rgb(83,161,163);

        }

        .icon-HD{
          
            font-size: 20px;
        }
        .icon-wifi{
            font-weight: bold;

        }
        .icon-aixin1{
    
            margin-left: 70px;

        }
        .icon-yanjing{
            font-weight: bold;

        }
        .icon-lanya{
            font-weight: bold;

        }
        .ZGLT{
            font-size: 12px;
            margin-left: 15px;
        }

        /* 下图片 */
        .TPK{
            width: 100%;
            display: flex;
            margin-top: 11px;
            font-size: 14px;
            text-align: center
        }
        .TPK img{
            width: 185px;
            height: 230px;
        }
        .HYR{  
            margin-left: 15px;
            text-align: center;

        }
        .SSY{
            padding-left: 13px;
            text-align: center;

        }
        .TPK span{
            float: right;
        }
        p{
            color: #000;
        }
      
        .BBQ{
            
            font-size: 12px;
            color: rgb(144, 144, 144);
            text-align: center;
           
           

        }
        .icon-Androidgengduo{
            color: #000;
        }
        /* 下图片 */
        .DQF{
            margin-left: 15px;
            margin-top: 8px;
            text-align: center;
      

        }
        .ZSH{
            padding-left: 13px;
            margin-top: 8px;
            text-align: center;
           

        }
        .kong{
            width: 100%;
            height: 80px;
        }


        /* 热门 */

         .LL img{
            width: 255px;
            height: 300px;


        }
        .DDD{
            margin-top: 15px;

        }
        .JRRM{
            width: 100%;
            font-size: 22px;
            
           
            color: #000;
        
        }
        .CKQB{
            font-size: 14px;
          
            padding-left: 160px;
            color: rgb(140, 140, 142);
        } 
         .CCJ img{
            width: 120px;
            height: 160px;
        }
     
        .CCJ{
            float: left;
            margin-top: 10px;
            margin-left: 14px;
        }
        .HYPA{
            color: #000;
            
           
         
         
         
            width: 200px;
            height: 30px;
            line-height: 30px;

            margin-top: 657px;
            background-color: rgb(204, 207, 213);
            border-radius: 58px;
            margin-left: 110px;


        }
        .PAB{
            color: rgb(145, 146, 150);
            font-size: 14px;
           
          
         
            
        } 
        /* 女生栏 */
        .NSA img{
            width: 185px;
            height: 250px;

        }
        .NSA{
            padding-top:5px;
            width: 100%;
            display: flex;
           
        
           
        }
        .NSE{
            
            margin-left:15px;

        }
        .NSR{
            padding-left:13px ;

        }
        .NSA P{
            text-align: left;
            padding-left: 20px;
            

         
        }
        .NSL{
            color: rgb(227, 171, 96);
            font-size: 14px;
        }
        .NSGGC{
           

            background-color: #fff;
        }
        .NSM{
            color: #000;
            font-size: 14px;
        }


         /* JSON */

         .CCDD{
            float: left;
            margin-top: -205px;
            margin-left: 260px;

        }
        .PABBB{
            color: rgb(145, 146, 150);
            font-size: 14px;
           
          

        }
        .CCDD img{
            width: 120px;
            height: 160px;
        }

        .CCLZ{
            float: left;
            margin-top: 10px;
            margin-left: -10px;

        }
        .PALZ{
            color: rgb(145, 146, 150);
            font-size: 14px;

        }
        .CCLZ img{
            width: 130px;
            height: 160px;

        }

        .ZSHJ{
            padding-left: 13px;
            margin-top: -11px;
            text-align: center;
            padding-right: 25px;

        }
        .BBQJ{
            font-size: 12px;
            color: rgb(144, 144, 144);
            text-align: center;

        }
   
        
     

    
        
    
        



       
        </style>

    <script src="./swiper/swiper-bundle.min.js">  </script>

    <script src="./fontX/iconfont.js"></script>
</head>
<body>

    <div class="TOP">
        <span class="ZGLT">中国联通</span> 
        <span class="iconfont icon-HD"></span>
        <span class="iconfont icon-xinhao"></span>
        <span class="iconfont icon-xinhao"></span>
        <span class="iconfont icon-wifi"></span>
        <span class="iconfont icon-aixin1"></span>
        <span class="iconfont icon-yanjing"></span>
        <span class="iconfont icon-lanya"></span>
        <span class="iconfont icon-zhendong"></span>
        <span class="iconfont icon-electricity-full "></span>
        <span class="iconfont icon-chongdiandian"></span>
        11:03


    </div>
   

    <!-- <img  class="SJM"src="./图片/1.png">  -->


    <header id="header">
        <div  class="FLL" >
            <span class="iconfont icon-sousuo"></span>

            <div class="swiper sen">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">灵能百分百</div>
                  <div class="swiper-slide">蓝色监狱</div>
                  <div class="swiper-slide">因为是反派大小姐所以养了魔王</div>
                  <div class="swiper-slide">一拳超人</div>
                  <div class="swiper-slide">蔚蓝色的天空</div>
                  <div class="swiper-slide">幽游白书</div>
                  <div class="swiper-slide">魔法少女战记</div>
                  <div class="swiper-slide">宝石之国</div>
                  <div class="swiper-slide">恋如雨止</div>
                </div>
              </div>
            <!-- <input type="text" placeholder="灵能百分百"> -->
        </div>

        <div>
            <span class="iconfont icon-fenlei"></span>
            分类

        </div>
        </header>
 
 
    

 <div class="tab">
        <div class="tt">
            <span class="cur">热门</span>
            <span>推荐</span>
            <span >女生</span>
            <span>男生</span>
            <span>有声漫</span>
        </div>
        <div class="tc" style="display:block">

            <div class="swiper LL">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <img src="./图片/221.webp" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./图片/3.jpg" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./图片/222.webp" />
                  </div>
                  <div class="swiper-slide">
                    <img src="./图片/7.webp" />
                  </div>
                </div>
                <div class="swiper-pagination"></div>
              </div>

              <div class="DDD">
                <span class="JRRM">今日热门速递 </span>
                <span class="CKQB">查看全部 <span class="iconfont icon-gengduo1"></span></span>
              </div>


              <div class="CCLZ">
                <!-- <img src="./图片/11.webp" >
                <p>龙珠Z</p>
                <p class="PAB">新的大冒险</p> -->
              </div>

              <div class="CCJ">
                <img src="./图片/223.webp" >
                <p>进击的巨人</p>
                <p class="PAB">更新至139话</p>
              </div>

              <div class="CCJ">
                <img src="./图片/33.webp" >
                <p>文豪野犬</p>
                <p class="PAB">更新至100话</p>
              </div>

              <div class="CCJ">
                <img src="./图片/131.jpg" >
                <p>名侦探柯南</p>
                <p class="PAB">真相永远只有一个</p>
              </div>

              <div class="CCJ">
                <img src="./图片/2255.webp" >
                <p>哆啦A梦</p>
                <p class="PAB">神奇的百宝袋</p>
              </div>

              <div class="CCJ">
                <img src="./图片/66.webp" >
                <p>海贼王</p>
                <p class="PAB">更新至1070话</p>
              </div>

              <div class="CCJ">
                <img src="./图片/77.jpg" >
                <p>我不太闪烁的青春</p>
                <p class="PAB">青春不会褪色</p>
              </div>
              <div class="CCJ">
                <img src="./图片/88.jpg" >
                <p>西游记</p>
                <p class="PAB">更新至1000话</p>
              </div>
              <div class="CCJ">
                <img src="./图片/121.jpg" >
                <p>鲁邦三世</p>
                <p class="PAB">更新至94话</p>
              </div>



              <div class="HYPA">
        
                   <p> <span class="iconfont icon-duoxunhuan
                    "></span>换一批</p>
              </div>

              <div class="kong"></div>


              

             
              </div>
          
            





     
        
            
        
    



        <div class="tc">
        


            <div class="swiper lei">
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><img src="./图片/aa.webp"></div>
                  <div class="swiper-slide"><img src="./图片/bb.webp"></div>
                  <div class="swiper-slide"><img src="./图片/ee.webp"></div>
                  <div class="swiper-slide"><img src="./图片/rr.webp"></div>  
                </div>
                <div class="swiper-pagination"></div>
              </div>


              <div class="TB">
                <div class="PH">
                  <span class="iconfont icon-goldcup"></span>
                  排行
                </div>
                <div class="HX">
                  <span class="iconfont icon-jiarehuoyan-xianxing"></span>
                  绘星社
                </div>
                <div class="HD">
                  <span class="iconfont icon-flagqizi"></span>
                  活动中心
                </div>
                <div class="MF">
                  <span class="iconfont icon-mianfeijieyue "></span>
                  免费
                </div>
              </div>





              <div class="TPK">
                <div class="HYR">
                    <img src="./图片/yy.webp" >
                    <p>火影忍者-疾风传   </p>
                    <p class="BBQ">热血 | 冒险<span class="iconfont icon-Androidgengduo"></span></p>
              
                 
                </div>
                <div class="SSY">
                    <img src="./图片/uu.webp" >
                   <p>死神-千年血战篇  </p>
                   <p class="BBQ">战斗 | 少年<span class="iconfont icon-Androidgengduo"></span></p>
                   
                </div>

               </div>


               <div class="TPK">

               <div class="DQF" >
                <img src="./图片/2.jpg" >
               <p>地球防卫军 </p>
               <p class="BBQ">青春 | 校园<span class="iconfont icon-Androidgengduo"></span></p>
               
            </div>

            <div class="ZSH">
                <img src="./图片/1.webp" >
               <p>咒术回战-ZERO </p>
               <p class="BBQ">战斗 | 热血<span class="iconfont icon-Androidgengduo"></span></p>
               
            </div>
        </div>


            <div class="TPK">
                <div class="DQF" >
                 <img src="./图片/3.jpg" >
                <p>能看见海的花店 </p>
                <p class="BBQ">青春 | 治愈<span class="iconfont icon-Androidgengduo"></span></p>
                
             </div>
 
             <div class="ZSH">
                 <img src="./图片/7.webp" >
                <p>海贼王 </p>
                <p class="BBQ">航海 | 冒险<span class="iconfont icon-Androidgengduo"></span></p>
                
             </div>
        </div>



        <div class="TPK">
            <div class="DQF" >
             <img src="./图片/5.jpg" >
            <p>过了春分时节 </p>
            <p class="BBQ">恋爱 | 治愈<span class="iconfont icon-Androidgengduo"></span></p>
            
         </div>

         <div class="ZSHJ">
             <!-- <img src="./图片/9.webp" >
            <p>东京卍复仇者 </p>
            <p class="BBQ">穿越 | 热血<span class="iconfont icon-Androidgengduo"></span></p> -->
            
         </div>
    </div>

    <div class="kong"></div>

        </div>





        <div class="tc">
            

            <div class="tab">
                <div class="tt">
                    <span >古风</span>
                    <span >西幻</span>
                    <span>仙侠</span>
                    <span>都市</span>
                    <span>悬疑</span>
                    <span>校园</span>
                    <span>校园</span>
                </div>

              
                  <div class="NSGGC">


                  <div class="NSA">
                  <div class="NSE">
                    <img src="./图片/NSA.png" >
                    <p>我把皇子养黑化了</p>
                    <p class="NSL">女生榜Top50</p>
                   
                  </div>

                  <div CLASS="NSR">
                    <img src="./图片/NSB.png" >
                    <p>虽然我是不完美恶女</p>
                    <p class="NSM">更新至52话</p>
                  </div>
                </div>

                <div class="NSA">
                    <div class="NSE">
                        <img src="./图片/NSC.png" >
                      <p>反派国师想转正</p>
                      <p class="NSL">新作榜Top50</p>
                      
                    </div>
  
                    <div CLASS="NSR">
                        <img src="./图片/NSZ.png" >
                      <p>郡主不四嫁</p>
                      <p class="NSM">已完结</p>
                    </div>
                  </div>


                  <div class="NSA">
                    <div class="NSE">
                        <img src="./图片/NSE.png" >
                      <p>王爷你的马甲掉了</p>
                      <p class="NSL">评分高于80%同类</p>
                      
                    </div>
  
                    <div CLASS="NSR">
                        <img src="./图片/NSF.png" >
                      <p>掌上萌珠</p>
                      <p class="NSL">女生榜Top50</p>
                    </div>
                  </div>


                  <div class="kong"></div>

                </div>
                
            </div>

        </div>















        <div class="tc">

            <div class="tab">
                <div class="tt">
                    <span >无敌</span>
                    <span >异能</span>
                    <span>系统</span>
                    <span>恋爱</span>
                    <span>重生</span>
                    <span>升级</span>
                    <span>异界</span>
                </div>

           
                  <div class="NSGGC">


                  <div class="NSA">
                  <div class="NSE">
                    <img src="./图片/ZXA.png" >
                    <p>驭灵师</p>
                    <p class="NSL">国漫榜Top50</p>
                   
                  </div>

                  <div CLASS="NSR">
                    <img src="./图片/ZXF.png" >
                    <p>无限使徒与十二战姬</p>
                    <p class="NSL">评分高于同类82%</p>
                  </div>
                </div>

                <div class="NSA">
                    <div class="NSE">
                        <img src="./图片/ZXB.png" >
                      <p>我什么时候无敌了</p>
                      <p class="NSL">国漫榜Top50</p>
                      
                    </div>
  
                    <div CLASS="NSR">
                        <img src="./图片/ZXC.png" >
                      <p>大道朝天</p>
                      <p class="NSL">评分高于88%同类</p>
                    </div>
                  </div>


                  <div class="NSA">
                    <div class="NSE">
                        <img src="./图片/ZXD.png" >
                      <p>我被困在同一天十万年</p>
                      <p class="NSL">评分高于85%同类</p>
                      
                    </div>
  
                    <div CLASS="NSR">
                        <img src="./图片/ZXE.png" >
                      <p>斗罗大陆</p>
                      <p class="NSM">更新至342话</p>
                    </div>
                  </div>


                  <div class="kong"></div>

                </div>
                
            </div>



        </div>

        <div class="tc">

              <div class="swiper NS">
                    <div class="swiper-wrapper">
                      <div class="swiper-slide">
                        <img src="./图片/CVA.png" />
                      </div>
                      <div class="swiper-slide">
                        <img src="./图片/CVB.png" />
                      </div>
                      <div class="swiper-slide">
                        <img src="./图片/CVC.png" />
                      </div>
                      <div class="swiper-slide">
                        <img src="./图片/CVD.png" />
                      </div>
                      <div class="swiper-slide">
                        <img src="./图片/CVE.png" />
                      </div>
                  
                  
                  
                    </div>
                    <div class="swiper-pagination"></div>
                  </div>



                  <div class="DDD">
                    <span class="JRRM">潜力新作 </span>
                    <span class="CKQB">查看全部 <span class="iconfont icon-gengduo1"></span></span>
                  </div>
    
    
                  <div class="CCJ">
                    <img src="./图片/JKA.png" >
                    <p>今天开始当城主</p>
                    <p class="PAB">穿越异世界</p>
                  </div>
    
                  <div class="CCJ">
                    <img src="./图片/JKB.png" >
                    <p>我的战舰能升级</p>
                    <p class="PAB">星河时代</p>
                  </div>
    
                  <div class="CCJ">
                    <img src="./图片/JKC.png" >
                    <p>这个修士来自未来</p>
                    <p class="PAB">修道盛世</p>
                  </div>
    
                  <div class="CCJ">
                    <img src="./图片/JKD.png" >
                    <p>哑舍</p>
                    <p class="PAB">古物背后的秘密</p>
                  </div>
    
                  <div class="CCJ">
                    <img src="./图片/JKE.png" >
                    <p>本宫要做皇帝</p>
                    <p class="PAB">更新至013集</p>
                  </div>
    
                  <div class="CCJ">
                    <img src="./图片/JKF.png" >
                    <p>捡到男鬼脱了单</p>
                    <p class="PAB">CV赵毅、林予曦</p>
                  </div>
    
                  <div class="CCJ">
                    <img src="./图片/JKG.png" >
                    <p>大食谱</p>
                    <p class="PAB">动态漫画</p>
                  </div>
                  <div class="CCJ">
                    <img src="./图片/JKI.png" >
                    <p>拾又之国</p>
                    <p class="PAB">动态漫画</p>
                  </div>

                  <div class="CCDD">
                    <!-- <img src="./图片/JKH.png" >
                    <p>茶叶少女</p>
                    <p class="PAB">动态漫画</p> -->
                  </div>
    
    
    
                  <div class="HYPA">
            
                       <p> <span class="iconfont icon-duoxunhuan"></span>换一批</p>
                  </div>
    
                  <div class="kong"></div>








        </div>

    </div>


 
 

   

<!-- 我的 -->
    <nav id="bnav">
        <ul>
            <li>
                <a href="./三级项目.html">
                    <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shouye1"></use>
                  </svg>
                </span>
                <p>首页</p>
            </a>
            </li>
            <li>
                <a href="./xiaoshuo.html">
                    <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-gouwudai"></use>
                  </svg>
                </span>
               <p>小说</p>
               
            </a>
            </li>
            <li>
                <a href="./shujia.html">
                    <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-tushuqikan"></use>
                  </svg>
                </span>
                <p>书架</p>
            </a>
            </li>
            <li>
              <a href="./wode.html">
                    <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-bilibili-line"></use>
                  </svg>
                </span>
                <p>我的</p>
            </a>
            </li>
        </ul>
    </nav>

    

    <script src="./js/tabs.js" >

// var tab=document.querySelector(".tab");
//         var tt=tab.getElementsByClassName("tt")[0];
//         var span=tt.querySelectorAll("span");
//         var tc=tab.getElementsByClassName("tc");
//         console.log(tab,tt,span,tc);

//         for(let i=0;i<span.length;i++){
//             span[i].index=i; 
//             span[i].onmouseover=function(){

//                 for(let j=0;j<span.length;j++){

//                 span[j].classList.remove("cur");
//             }
//             this.classList.add("cur");
//             //this 表示正在操作的span
//             //另一种写法，let变量：span[i].classList.add()

//            // tc[i].style.display="block";
//             tc[this.index].style.display="block";
//         }

//     }
    

    </script>

    <script>
        var swiper = new Swiper(".lei", {
        slidesPerView: 1,
        spaceBetween: 2,
       
      });



      var swiper2 = new Swiper(".sen", {
        direction: "vertical",
        autoplay: {
          delay: 2500,
          disableOnInteraction: false,
        },
       
      });



      var swiper3 = new Swiper(".LL", {
        effect: "cube",
        grabCursor: true,
        cubeEffect: {
          shadow: true,
          slideShadows: true,
          shadowOffset: 20,
          shadowScale: 0.94,
        },
        pagination: {
          el: ".swiper-pagination",
        },
      });



      var swiper4 = new Swiper(".NS", {
        slidesPerView: 1,
        spaceBetween: 2,
       
      });


    </script>




<!-- JSON效果 -->
<!-- <div class="CCDD">
    <img src="./图片/JKH.png" >
    <p>茶叶少女</p>
    <p class="PABBB">动态漫画</p>
  </div> -->
  <!-- <div class="CCLZ">
      <img src="./图片/11.webp" >
     <p>龙珠Z</p>
       <p class="PALZ">新的大冒险</p>
      </div> -->

      <!-- <div class="ZSHJ">
        <img src="./图片/9.webp" >
       <p>东京卍复仇者 </p>
       <p class="BBQJ">穿越 | 热血<span class="iconfont icon-Androidgengduo"></span></p>
       
    </div> -->


  <script>
    var jarr=[{
        img:"./图片/JKH.png",
        p:"茶叶少女",
        PABBB:"JSON实现"
    }];
    var CCDD=document.querySelector(".CCDD");
    //dom找jslist
    jarr.forEach((v,i)=>{
        var nli=document.createElement("li");
        nli.innerHTML=`
        <img src="${v.img}" >
    <p>${v.p}</p>
    <p class="PABBB">${v.PABBB}</p>  
        `;
        CCDD.appendChild(nli);
    })
   
</script>

<script>
    var jarrA=[{
        img:"./图片/11.webp",
        p:"龙珠",
        PALZ:"JSON实现"
    }];
    var CCLZ=document.querySelector(".CCLZ");
    //dom找jslist
    jarrA.forEach((v,i)=>{
        var nli=document.createElement("li");
        nli.innerHTML=`

        <img src="${v.img}" >
     <p>${v.p}</p>
       <p class="PALZ">${v.PALZ}</p>
        `;
        CCLZ.appendChild(nli);
    })

</script>

<script>
    var jarrB=[{
        img:"./图片/9.webp",
        p:"东京卍复仇者",
        BBQJ:"JSON实现"
    }];
    var ZSHJ=document.querySelector(".ZSHJ");
    //dom找jslist
    jarrB.forEach((v,i)=>{
        var nli=document.createElement("li");
        nli.innerHTML=`
        <img src="${v.img}" >
       <p>${v.p} </p>
       <p class="BBQJ">${v.BBQJ}<span class="iconfont icon-Androidgengduo"></span></p>
       
        `;
        ZSHJ.appendChild(nli);
    })

</script>



    
</body>
</html>